html{
    color: #333;
    font-size: 0.28rem;
}
a{
    color: #333;
}
.select{
    background: url('../images/icon/down.png') no-repeat right center;
}

.font-14{
    font-size: 0.28rem;
}
.font-16{
    font-size: 0.32rem;
}
.font-20{
    font-size: 0.4rem;
}
.container{
    width: 90%;
    margin: 0 auto;
    max-width: 7.5rem;
}
header{
    padding: 0 0.15rem;
    height: 0.88rem;
    display: flex;
    border-bottom: 0.02rem solid #eee;
    font-size: 0.32rem;
    align-items: center;
}
header img{
    margin-right: 0.3rem;
    width: 0.45rem;
    height: 0.45rem;
    object-fit: contain;
}
.login-wrapper{
    display: flex;
    /* height: 100vh; */
    margin-top: 0.7rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.login-wrapper .logo{
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.7rem;
}
.login-wrapper .logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.login-wrapper .logo-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.login-wrapper .system-name{
    font-size: 0.6rem;
    font-weight: 500;
    margin-top: 0.5rem;
}
.login-form{
    margin-top: 1rem;
    width: 100%;
}
.login-form .login-item{
    display: flex;
    align-items: center;
    width: 100%;
    height: 0.72rem;
    margin: 0.3rem 0;
    border-radius: 0.06rem;
    border:0.02rem solid rgba(228, 228, 228, 1)
}
.login-form .login-item .icon-box{
    width: 0.5rem;
    height: 0.72rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-form .login-item .icon-box img{
    width: 0.4rem;
    height: 0.4rem;
    object-fit: contain;
}
.login-form .login-item input{
    border: none;
    outline: none;
    height: 0.45rem !important;
    line-height: 0.45rem !important;
    width: 86%;
    padding: 0 0.15rem;
    color: #333;
    margin-bottom: 0;
    font-size: 0.2rem;
}
.login-btn,.opt-btn{
    height: 0.72rem;
    background-color: rgba(224, 16, 16, 1);
    border-radius: 3px;
    font-size: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top: 0.7rem;
    margin-bottom: 0.5rem;
}
.tab-bar-box{
    position: fixed;
    height: 0.98rem;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 0.02rem solid #e2e2e2;
}
.tab-bar{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.tab-bar-item{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    width: 25%;
}
.tab-bar .tab-bar-item img{
    width: 0.48rem;
    height: 0.48rem;
    object-fit: contain;
    margin-bottom: 0.03rem;
}
.tab-bar-item p{
 font-size: 0.24rem;
 color: #666;
margin-bottom: 0;
}
.tab-bar-item.active p{
color:#e4391f
}
.home-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    height: 75vh;
}
.home-wrapper .user-msg{
    font-size: 0.48rem;
    color: #e4391f;
    margin-bottom: 0.3rem;
 
}
.entry-list{
    width: 100%;
    margin-top: 0.3rem;
}
.entry-list a{
    color: #fff;
}
.entry-list .entry-item{
  width: 90%;
  margin: 0.3rem auto;
  height: 2rem;
  background: blue;
  color: #fff;
  font-size: 0.28rem;
  border-radius: 0.1rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
    
}
.entry-item p{
    font-size: 0.28rem;
    color: #fff;
}

.entry-list .entry-item:first-child{
    background: linear-gradient(0deg, #b072ff,#9469f9);
}
.entry-list .entry-item:nth-child(2){
    background:linear-gradient(0deg, #347df0, #889aff)
}
.entry-list .entry-item h2{
    margin-bottom: 0.2rem;
    font-size: 0.44rem;
}
.new-media-form{
    padding: 0.5rem 0.3rem; 
}
.new-media-form .label{
    display: inline-block;
    position: relative;
    font-size: 0.3rem;
    color: #333;
    margin-bottom: 0.3rem;
}
.input-box{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0.15rem;
    border-radius:0.05rem ;
    height: 0.72rem;
    border: 0.02rem solid #e2e2e2;
}
.new-media-item{
    margin-bottom: 0.5rem;
    font-size: 0.3rem ;
}
select,input{
    outline: none;
    flex: 1;
   border: none;
}
.must::after{
    position: absolute;
    right: -0.3rem;
    content:"*";
    color:red;
    top: 50%;
    transform: translateY(-50%);
}
textarea{
    outline: none;
    padding: 0.15rem;
    display: block;
    border: 1px solid #e2e2e2;
    width: 100%;
    border-radius:0.05rem ;
}

.mui-poppicker-body{
    border-top: 0.02rem solid #eee;
}
/* .mui-poppicker-header{
    background: #fff;
} */
.mui-poppicker-btn-cancel{
    background: #e2e2e2;
    color: #666;
    border: none;
}
input,.input-box input{
    border: none;
    height: auto;
    line-height: auto;
    padding: 0;
    margin: 0;
}
.input-box input{
    height: 0.45rem;
}
/**********数据**********/
.data-wrapper .data-tab-box{
    display: flex;
    
    align-items: center;
    justify-content: center;
 
}
.data-item{
    padding: 0.24rem 0;
    width: 50%;
    text-align: center;
    color: #333;
    font-size: 0.32rem;
    border-bottom: 0.04rem solid #eee;
}
.data-item.active{
    color: #e4391f;
    border-bottom: 0.04rem solid #e4391f;
}
.table-flex{
    padding: 0.2rem 0.3rem;
    display: flex;
    text-align: center;
    padding-right: 0.4rem;
    font-size: 0.24rem;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}


.data-item-box{
    padding:0.5em 0;
    color: #333;
}
.data-item-box .data-title{
    padding: 0.3rem 0;
    font-size: 0.32rem;
    display: flex;
    align-items: center;
    
}
.data-item-box .data-title i{
    width: 0.08rem;
    margin-right: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    background: #ec5561;
    border-radius: 0.05rem;
}
.data-detail-box{
    display: flex;
    flex-wrap: wrap;
  justify-content: space-between;
    
}
.data-detail-item{
    width: 48%;
    margin-bottom: 0.3rem;
    font-size: 0.28rem;
    line-height: 0.36rem;
    padding: 0.3rem;
    height: 1.8rem;
    display: flex;
    flex-direction: column;
    
    align-items: flex-start;
    border: 0.02rem solid #eee;
}
.data-detail-item label{
    color: #999;
    margin-bottom: 0.3rem;
}
.data-detail-item div{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}
.data-item-box .desc{
    font-size: 0.28rem;
    margin-bottom: 0.5rem;
}
.data-item-box:last-child{
    padding-bottom: 0.8rem;
}
.content-wrap{
    padding: 0.3rem 0;
    margin-bottom: 0.7rem;
}
.mb30{
    margin-bottom:0.3rem ;
}
.mt30{
    margin-top: 0.3rem;
}
.option-list{
    padding: 0.3rem 0;
    width: 100%;
}
.btn{
    padding: 0.26rem;
    color: #fff;
    font-size: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.3rem;
    border-radius: 0.08rem;
}
.team-work-btn{
    background: #3683ff;
}
.log-out-btn{
    background: #e4391f;
}
.width-href{
    width: 50%;
    margin-right: 0.15rem;
}
.flex-box{
    display: flex;
    align-items: center;
}
.accout-box{
    border: 0.02rem solid #eee;
    display: inline-block;
    width: 100%;
}
.user-name{
    padding: 0.2rem 0.3rem;
    margin-top: 0.3rem;
    font-size: 0.28rem;
    background: #f2f2f2;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.mui-table-view-cell{
    padding: 0.2rem 0.3rem;
}
.user-name .mui-icon{
    font-size: 0.32rem;
    color: #999;
}